.error-prompt {
	position: absolute;
	color: red;
	top: calc(100% + 8px);
	left: 0;
	background: #ffffff;
	padding: 5px 10px;
	z-index: 2;
	border-radius: 3px;
	box-shadow: 0 0 3px 0 rgba(255, 0, 0, 0.4);
	text-align: left;
	font-size: 12px;
}
.error-prompt::after {
	content: '';
	position: absolute;
	top: 0;
	left: 30%;
	width: 10px;
	height: 10px;
	background: #ffffff;
	transform: rotateZ(45deg) translateY(-80%);
	border-top: 1px solid rgba(255, 0, 0, 0.3);
	border-left: 1px solid rgba(255, 0, 0, 0.3);
}

.error-input {
	box-sizing: border-box;
	box-shadow: 0 0 0 1px red inset, 0 0 5px 0 rgba(255, 0, 0, 0.3);
	border-radius: 5px;
	padding-left: 7px;
	padding-right: 7px;
	margin-top: 7px;
}